﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ctrPerfectHotel.ascx.cs"
    Inherits="Controls_Hotel_ctrPerfectHotel" %>
<style>
    .rightalign
    {
        float: right;
    }
</style>

<table class="section-spacer">
    <tr>
        <td class="left">
        </td>
        <td class="middle">
            <span>
                <asp:Label ID="lblPerfectJustClick" runat="server"></asp:Label></span>
        </td>
        <td class="right">
        </td>
    </tr>
    <!-- END .section-spacer -->
</table>
<ul class="tabs2">
    <asp:Repeater ID="rptHotelPopular" runat="server" OnItemDataBound="rptHotelPopular_ItemDataBound">
        <ItemTemplate>
            <li><a href="#">
                <asp:Label ID="ltrTab" runat="server"></asp:Label></a> </li>
        </ItemTemplate>
    </asp:Repeater>
</ul>
<!-- tab "panes" -->
<div class="panes2">
    <asp:Repeater ID="rptGroup" runat="server" OnItemDataBound="rptGroup_ItemDataBound">
        <ItemTemplate>
            <div>
                <asp:Repeater ID="rptHotelPopularContent" runat="server" OnItemDataBound="rptHotelPopularContent_ItemDataBound"
                    OnItemCommand="rptHotelPopularContent_ItemCommand">
                    <ItemTemplate>
                    <table style="float: left; width:208px; border-left:1px solid #D9D9D9; border-left-style:dotted;  ">
                            <tr>
                                <td style=" padding:5px 8px 5px 9px">
                                    <asp:ImageButton runat="server" CommandName="image" Width="207px" Height="138px"
                                       BorderWidth="1px" BorderColor="#AFAFAF" ID="imgHotel"  />
                                </td>
                            </tr>
                            <tr>
                            <td  style=" padding:5px 8px 5px 8px ">
                                    <asp:HyperLink ID="lnkHotelName" runat="server" Font-Bold="true"></asp:HyperLink>
                                    <br />
                                     <img ID="lblValStarRating" runat="server" />
                                </td>
                            </tr>
                             <tr>
                               <td  style=" padding:5px 8px 5px 8px ">
                                    <asp:Literal ID="ltrAddress" runat="server"></asp:Literal>
                                </td>
                            </tr>
                           <tr>
                            <td  style=" padding:5px 8px 5px 8px ">
                                    <asp:Literal ID="ltrHotel" runat="server"></asp:Literal>     <asp:HyperLink ID="lnkReadMore" runat="server" CssClass="more-link"></asp:HyperLink>
                                </td>
                            </tr>
                           
                        </table>
                    </ItemTemplate>
                </asp:Repeater>
                <table>
                    <tr>
                     <td  style=" margin:5px 20px 5px 14px; float:right ; width:660px ">
                          <asp:HyperLink  ID="lnkPerfectMore" runat="server" CssClass="rightalign" ForeColor="White" ImageUrl="~/Images/Layout/morehotel-input-button-bg.png"></asp:HyperLink>
                        </td>

                      
                    </tr>
                </table>
            </div>
        </ItemTemplate>
    </asp:Repeater>
</div>
<!-- This JavaScript snippet activates those tabs -->
<script type="text/javascript">

    // perform JavaScript after the document is scriptable.
    $(function () {
        // setup ul.tabs to work as tabs for each div directly under div.panes
        $("ul.tabs2").tabs("div.panes2 > div");
    });
</script>
